﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Customers/Customers.Master" AutoEventWireup="true" CodeBehind="CustomersHome.aspx.cs" Inherits="Pep_3014_3070.Customers.CustomersHome" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    
    <div id="main-slider" style="margin-top: 110px !important;">
        <div id="content-slider">
            <ul>
                <!-- START Slide 1 -->
                <li data-transition="fade" data-slotamount="5" data-masterspeed="700">
                    <img src="/Content/travelhub/img/slide-image-1.jpg" alt="Slider Image 1" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" />
                    </li>
                <li data-transition="fade" data-slotamount="7" data-masterspeed="1000">
                    <img src="/Content/travelhub/img/slide-image-2.jpg" alt="Slider Image 2" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" />
                </li>
                <!-- START Slide 3 -->
                <li data-transition="fade" data-slotamount="6" data-masterspeed="800">
                    <img src="/Content/travelhub/img/slide-image-3.jpg" alt="Slider Image 3" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat" />
                </li>
                <!-- END Slide 3 -->
            </ul>
        </div>
        <div id="slider-overlay"></div>
    </div>
    <!-- START .main-contents -->

    <div class="main-contents">
        <div class="container" id="home-page">
            <!-- START .tour-plan -->
            <div class="plan-tour">
                <div class="plan-banner" style="background-color: #59AEFF !important; height: 100%;">
                    <span>ODABERI</span><h4>&nbsp&nbsp</h4>
                    <span>APARTMAN</span>
                </div>
               <div class="top-fields">
                    <div class="col-lg-6">
                        <div class="input-field  schedule">
                            <asp:TextBox ID="CheckInInput" CssClass="datepicker date-picker" runat="server" placeholder="Datum dolaska" TextMode="DateTime" Width="90%" data-date-format="dd-mm-yyyy"></asp:TextBox>
                            <i class="calendar-icon"></i>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="input-field schedule">
                            <asp:TextBox ID="CheckOutInput" runat="server" CssClass="datepicker date-picker" placeholder="Datum  odlaska" TextMode="DateTime" Width="90%" data-date-format="dd-mm-yyyy"></asp:TextBox>
                            <i class="calendar-icon"></i>
                        </div>
                    </div>
                </div>
                <div class="bottom-fields">
                    <div class="input-field select col-md-5">
                        <label>3. Grad ?</label>
                        <asp:DropDownList ID="CityInputDropDownList" runat="server">
                        </asp:DropDownList>
                    </div>
                    <div class="input-field select col-md-5">
                        <label>2. Broj gostiju </label>
                        <asp:DropDownList ID="GuestDropDownList" runat="server">
                            <asp:ListItem Value="0" Text="Select"></asp:ListItem>
                            <asp:ListItem Value="1" Text="1"></asp:ListItem>
                            <asp:ListItem Value="2" Text="2"></asp:ListItem>
                            <asp:ListItem Value="3" Text="3"></asp:ListItem>
                            <asp:ListItem Value="4" Text="4"></asp:ListItem>
                            <asp:ListItem Value="5" Text="5"></asp:ListItem>
                        </asp:DropDownList>
                    </div>
                    <div class="submit-btn col-md-2">
                        <asp:Button ID="SrchButton" runat="server" Text="Trazi" OnClick="SrchButton_Click" />
                    </div>
                </div>
            </div>

            <h2 class="ft-heading text-upper"></h2>

            <div class="carousel">
                <div class="row">
                    <asp:ScriptManager ID="ScriptManager2" runat="server">
                    </asp:ScriptManager>
                    <asp:UpdatePanel ID="ApartmaniUpdatePanel" runat="server">
                        <ContentTemplate>
                            <asp:Repeater ID="ApartmaniRepeater" runat="server">
                                <ItemTemplate>
                                    <div class="col-md-3">
                                        <div class="ft-item">
                                            <div class="plan-image">
                                                <img src='<%# Eval("ProfilePictures") %>' class="img-responsive" alt='<%# Eval("Title") %>'  />
                                            </div>
                                            <div class="ft-data" style="background-color: #59AEFF !important;">
                                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("CityName") %>'></asp:Label>
                                            </div>
                                            <div class="ft-foot">
                                                <h4 class="ft-title text-upper">
                                                    <asp:HyperLink ID="ApartmanDetailsLink" runat="server"   NavigateUrl='<%# string.Format("/Details/{0}",Eval("ApartmentID")) %>'><%# Eval("Title") %></asp:HyperLink>
                                                </h4>
                                                <span class="ft-offer text-upper"><%# string.Format("{0:C}" ,  Eval("Price")) %> $</span>
                                            </div>
                                            <div class="ft-foot-ex">
                                                <span class="ft-date text-upper alignleft"><%# Datum %></span>
                                                <span class="ft-temp alignright">17&#730;c</span>
                                            </div>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                            <ul class="flex-direction-nav">
                                <li><asp:LinkButton ID="PreviousLinkButton" runat="server" CssClass="flex-prev" OnClick="PreviousLinkButton_Click">Previous</asp:LinkButton></li>
                                <li><asp:LinkButton ID="NextLinkButton" runat="server" CssClass="flex-next" OnClick="NextLinkButton_Click">Next</asp:LinkButton></li>
                            </ul>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
            </div>

          
        </div>
    </div>

    <!-- END .main-contents -->
    <!-- START .main-contents .bom-contents -->
    <div class="main-contents bom-contents">
        <div class="container">
            <div class="carousel">
                <asp:Image ID="Image2" runat="server" ImageUrl="/Content/img/temp.png" />

            </div>

        </div>
    </div>
    <!-- END .main-contents .bom-contents -->
</asp:Content>
